<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>空间详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="assets/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="assets/css/template.css"/>
		<link rel="stylesheet" href="//at.alicdn.com/t/font_1032962_iwtc7l9dib8.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/room_detail.css"/>
		<script  type="text/javascript" src="assets/js/view.js"></script>
	</head>
	<body>
		<div class="web_wrap">
				<header>
					<div class="header">
						<div class="logo">
							<a href="index.html"><img class="logo_i" src="assets/img/index/logo.png" alt="" /></a>
						</div>
						
					</div>
				</header>
			<div class="web">
				<div class="center">
					<div class="banner">
						<div class="img">
							<img src="assets/img/space-ac/sp_03.jpg" alt="" />
						</div>
					</div>
					<div class="details">
						<div class="detail_top">
							<div class="text">
								<p class="title">Details</p>
								<p class="text_t">Open and close units could be freely arranged; a design that is both decorative and practical; its functions could be adjusted to fit your daily routine; it offers a flexibility to accommodate different space.</p>
								<p class="text_t">size (cm)  / 200 x 140 x 40<br />material   / </p>
							</div>
							<div class="img">
								<img src="assets/img/space-ac/sp_07.jpg"/>
							</div>
						</div>
						<div class="detail_con">
							<div class="img_r">
								<img src="assets/img/space-ac/sp_13.jpg"/>
							</div>
							<div class="img_l">
								<img src="assets/img/space-ac/sp_11.jpg"/>
							</div>
						</div>
						<div class="detail_foot">
							<div class="text">
								<p>Open and close units could be freely arranged; a design that is both decorative and practical; its functions could be adjusted to fit your daily routine; it offers a flexibility to accommodate different space.</p>
							</div>
							<div class="img">
								<img src="assets/img/space-ac/sp_18.jpg"/>
							</div>
						</div>
					</div>
					<div class="scene">
						<p>Scene</p>
						<div class="carousel">
							<ul class="img_wrap">
								<div class="left_btn">
									<img src="assets/img/images/z.png"/>
								</div>
								<li class="img">
									<img src="assets/img/images/pro-ac_17.jpg"/>
								</li>
								<li class="img">
									<img src="assets/img/images/pro-ac_19.jpg"/>
								</li>
								<li class="img">
									<img src="assets/img/images/pro-ac_21.jpg"/>
								</li>
								<div class="right_btn">
									<img src="assets/img/images/y.png"/>
								</div>
							</ul>
							<ul class="dot">
								<li></li>
								<li class="active"></li>
								<li></li>
							</ul>
						</div>
					</div>
					
				</div>
				<footer>
					<div class="footer">
						<div class="img">
							<img src="assets/img/images/pro-ac_25.jpg" alt="" />
							<div class="mask"></div>
						</div>
						<div class="foot_con">
							<div class="text">
								<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
								<a class="iconfont icon-icon_jiantou-shang" href=""></a>
							</div>
						</div>
					</div>
				</footer>
			</div>
		</div>
	</body>
<script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).on("scroll", function() {
		if($(document).scrollTop() > 50) {
			$(".logo_i").addClass("logo_b");
		} else {
			$(".logo_i").removeClass("logo_b");
		}
		});
	</script>
</html>
